<template>
  <div>
    <cube-button>{{btnName}}</cube-button>
    <span class="test">aaaaa</span>
  </div>
</template>

<script>
export default {
  name: 'base-btn',
  props: {
    id: {
      type: String,
      default: 'defaultBtn'
    },
    btnName: {
      type: String,
      default: 'button'
    }
  }
};
</script>  

<style lang="stylus" scoped>
.test
  position: relative;
  color: $action-sheet-active-color;
  font-size: 28px;
  &::after
    content: '';
    height: 1px;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
</style>
